<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<h:head>
		<title>Home do Tuiteiro</title>
	</h:head>
	<h:body>

		<div id="mensagens" align="center">
			<h:messages title="Mensagens" />
		</div>

		<h3>

			<h:outputText id="NomeTuiteiro" title="Nome do Tuiteiro"
				value="#{tuiteiroHomeBean.tuiteiro.nome}" />
		</h3>
		<br />
		<br />
		<h:form>
			<h:outputLabel value="Publicacao" />
			<br />
			<h:inputTextarea name="publicacao"
				value="#{tuiteiroHomeBean.publicacao.publicacao}" label="Publicacao"
				id="publicacao" maxlenght="140"></h:inputTextarea>
			<br />
			<h:commandButton value="Publicar"
				action="#{tuiteiroHomeBean.publicar}"></h:commandButton>
				
			<br />	
			<h:inputText name="nome"
								value="#{tuiteiroHomeBean.seguido.usuario}" label="Nome"
								id="nome" />
			<h:commandButton value="Seguir"
				action="#{tuiteiroHomeBean.seguirTuiteiro}" ></h:commandButton>
				
			<br />	
			<h:inputText name="url"
								value="#{tuiteiroHomeBean.url}" label="Url"
								id="url" />
			<h:commandButton value="Encurtar"
				action="#{tuiteiroHomeBean.encurtarUrl}" ></h:commandButton>	
				
					
		</h:form>
		
		<h:form>
			<h:dataTable border="1" var="publicacao"  value="#{tuiteiroHomeBean.listapublicacoes}">
				<h:column>
					<f:facet name="header">
						<h:outputText value="Tuiteiro" />
					</f:facet>
					<h:outputText value="#{publicacao.tuiteiro.usuario}" />
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Publicacao" />
					</f:facet>
					<h:outputText escape="false" value="#{publicacao.publicacao}" />
				</h:column>
			</h:dataTable>
		
		</h:form>



	</h:body>
</ui:composition>